<template>
  <div class="about-page">
    <h1>关于我们</h1>
    <div class="content">
      <p>欢迎来到我们的网站！</p>
      <p>我们是一支充满激情的团队，致力于为用户提供最好的产品和服务。</p>
      <p>我们的使命是通过创新技术解决实际问题，让生活变得更美好。</p>

      <div class="team-info">
        <h2>团队介绍</h2>
        <p>我们由来自不同领域的专业人士组成，包括开发、设计、产品管理等。</p>
      </div>

      <div class="contact">
        <h2>联系我们</h2>
        <p>邮箱：contact@example.com</p>
        <p>电话：123-456-7890</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AboutPage',
  data() {
    return {
      // 可以在这里添加需要的数据
    }
  },
  methods: {
    // 可以在这里添加需要的方法
  },
}
</script>

<style scoped>
.about-page {
  padding: 20px;
  max-width: 800px;
  margin: 0 auto;
}

h1 {
  color: #2c3e50;
  margin-bottom: 20px;
}

h2 {
  color: #34495e;
  margin-top: 30px;
  margin-bottom: 15px;
}

.content {
  line-height: 1.6;
}

p {
  margin-bottom: 15px;
  color: #555;
}

.team-info,
.contact {
  background-color: #f9f9f9;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}
</style>
